@import "../../../vars.less";

.personal-update {
  padding: 40rem/@dpi 20rem/@dpi 0rem/@dpi 20rem/@dpi;

  >footer {
    display: fixed;
    height: 100rem/@dpi;
    width: 100%;
    padding: 0 20rem/@dpi 20rem/@dpi 20rem/@dpi;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;

    >.cancel {
      text-align: center;
      display: inline-block;
      width: 290rem/@dpi;
      height: 80rem/@dpi;
      line-height: 80rem/@dpi;
      color: @red;
      border: 2rem/@dpi solid @red;
      font-size: 32rem/@dpi;
      background-color: #fff;
      border-radius: 8rem/@dpi;
    }
    >.save {
      .cancel;
      color: #fff;
      background-color: @red;
      margin-left:20rem/@dpi;
    }
  }
  .tel-bind {

    height: 60rem/@dpi;
    width: 120rem/@dpi;
    border-radius: 8rem/@dpi;
    line-height: 60rem/@dpi;
    position: absolute;
    right: 0;
    top: 0;
    background-color: @red;
    font-size: 26rem/@dpi;
    color: #fff;
    text-align: center;


  }

}
